<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>这是我的网站</title>
    <style>
        .login-wrap{
          width:975px;
          height:475px;
          text-align:center;
          background-image:url("static/imgs/bgn.jpg");
        }
        .login-box{
           float:right;
           background-color:#fff;
           border:1px solid red;
           margin-right:30px;
           margin-top:80px;
           height:320px;
           width:250px;
        }

        .login-box .con{
           height:60px;
           padding:10px 10px;
        }
        .w,.content{
        width:1000px;
        margin:0 auto;
        text-align:center;}
    </style>
</head>
<body>
    <!--顶部区域-->
    <div class="w">
        <div class="logo">
            <img src="static/imgs/logob.png" alt="">
        </div>
        <div class="tips">
            <span>
                欢迎登录！
            </span>
        </div>
    </div>
    <!--中部区域-->
    <div class="content">
        <div class="tip-wrapper">
            <span>
                依据《网络安全法》，为保障您的账户安全和正常使用，请尽快完成手机号验证！ 新版《京东隐私政策》已上线，将更有利于保护您的个人隐私
            </span>
        </div>
        <div class="login-wrap">
            <div class="login-box">
                <form action="/login" method="post">
                      <h3>欢迎登录我的网站</h3>
                      <div class="con">
                          <label for="">用户名</label>
                          <input type="text" name="username" placeholder="请输入姓名">
                      </div>
                     <div class="con">
                          <label for="">密码</label>
                          <input type="password" name="userpwd" placeholder="请输入姓名">
                      </div>
                     <div class="con">
                         <input type="submit" name="submit" value="登录">
                         <input type="reset" name="reset" value="重写">
                      </div>
                </form>
            </div>
        </div>
    </div>
    <!--底部区域-->
    <div class="w">
        <div class="alink">
            关于我们 | 联系我们 | 人才招聘 | 商家入驻 | 广告服务 | 手机京东 | 友情链接 | 销售联盟 | 京东社区 | 京东公益 | English Site

        </div>
        <div class="copyright">
            Copyright © 2004-2022  京东JD.com 版权所有
        </div>

    </div>
</body>
</html>